<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <script src="/javascript/theme/libs/jquery-1.9.1.min.js"></script>
    <script type="text/javascript">
        function addCol() {
            $th = $("<th>指标</th>");
            $col = $("<td>内容</td>");
            $("#tab1>thead>tr").append($th);
            $("#tab1>tbody>tr").append($col);
        }
		
        function delCol() {
            //移除最后一列
            $("#tab1 tr :last-child").remove();
            //移除第一列
            //$("#tab1 tr :first-child").remove();
            //移除指定的列, 注:这种索引从1开始
            //$("#tab1 tr :nth-child(2)").remove();
            //移除第一列之外的列
            //$("#tab1 tr :not(:nth-child(1))").remove();
        }
		
		
	   function addRow() {
			var tdCount = $("#tab1>tbody>tr>td").length/$("#tab1>tbody>tr").length;
			var rowValue = "";
			for(var i = 1 ; i <= tdCount ; i++){
				rowValue = rowValue + "<td>测试</td>";
			}
            $row = $("<tr>" + rowValue + "</tr>");
            $("#tab1>tbody").append($row);
        }
		
        function delRow(this,colCount) {
			alert(colCount);
            
        }
    
	</script>
</head>
<body>
    <input id="Button1" type="button" onclick="addCol()" value="增加列" />
    <input id="Button2" type="button" onclick="delCol()" value="减少列" />
	
	<input id="Button1" type="button" onclick="addRow()" value="增加行" />
    <input id="Button2" type="button" onclick="delRow()" value="减少行" />
    <table id="tab1" border="1" style="width: 200px;">
        <thead>
            <tr>
                <th>
                    Id
    			</th>
                <th>
                    Name
    			</th>
            </tr>
        </thead>
        <tbody>
            <tr>
                <td>
                    1
    			</td>
                <td>
    				叶子
                </td>
            </tr>
            <tr>
                <td>
                    2
                 </td>
                <td>
    				王子
                </td>
            </tr>
        </tbody>
    </table>
</body>
</html>
